/* app top bar css start*/
.title-bar {
    background-color: #333;
    color: #000000DE;
    display: inline-block;
  
  }
  
  .tab {
    text-decoration: none;
    color:  #000000DE;
    padding: 15px 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
  }
  
  .tab:hover {
    cursor:pointer;
    text-decoration: none;
  }
  
  .topbartab.active {
   /* border-bottom: 2px solid #0000DD; /* Add a bottom border */
    text-decoration: none;
    background-color: #436e9c;
  }
  .bottom-bdr{
    border-bottom: 1px solid #40c2c2; /* Add a bottom border */
  }
  .bottom-bdr-active-tab{
    color: white;
    text-decoration: none;
    background-color: #436e9c;
  }

  nav a {
    text-decoration: none;
    color: #333;
    padding: 15px 25px;
  }
  
  nav a:hover {
    text-decoration: none;
    background-color: #f0f0f0;
  }

  nav a:active {
    border-bottom: 2px solid #40c2c2; /* Add a bottom border */
  }
  /* app top bar css end*/